<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us" ng-app="examplesApp">

<head>
    <link href="http://gmpg.org/xfn/11" rel="profile">
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="description" content="Try TypeScript in your browser!">
    <meta name="keywords" content="TS Playground, Playground, try TypeScript, REPL">

    <!-- Enable responsiveness on mobile devices-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">

    <title>

        Playground &middot; TypeScript

    </title>

    <!-- CSS -->
    <link rel="stylesheet" href="/assets/css/vendor.6ea5b3f8.css">

    <link rel="stylesheet" href="/assets/css/style.min.4c0438ba.css">

    <!-- JS -->
    <script src="/assets/js/vendors.93c18b14.js"></script>

    <!-- JS -->
    <script src="/assets/js/all.min.9e603e37.js"></script>

</head>

<body>
    <main id="main-content" class="content">
        <div id="playground-host">
            <div class="playground-options-container">
            </div>
            <div>
                <div id="wrapper" style="padding-right: 20px; padding-left: 20px;">
                    <div style="padding-left: 50px; float: left;">
                        <select id="examples">
                            <option value="">Select...</option>
                            <option value="walkthrough1.ts">Classic JavaScript</option>
                            <option value="walkthrough1.1.ts">Adding Types</option>
                            <option value="walkthrough2.ts">Using Classes</option>
                            <option value="inheritance_1.ts">Using Inheritance</option>
                            <option value="walkthrough2.1.ts">Using Generics</option>
                            <option value="union_types_1.ts">Unions and Type Guards</option>
                            <option value="raytracer.ts">Building a Raytracer</option>
                        </select>
                        <span class="frame-title">TypeScript</span>
                        <button class="playground-button" id="share">Share</button>
                        <button class="playground-button" id="options-button">Options</button>
                        <span id="share-message"></span>
                        <div id="playground-options-menu">


                            <div title="Trigger an error if TypeScript uses 'any' whenever it can't infer a type.">
                                <input type="checkbox" class="ts-bool-opt" id="ts-opt-noImplicitAny" name="noImplicitAny">
                                <label for="ts-opt-noImplicitAny">
                                    noImplicitAny
                                    <div class="ts-opt-description">Trigger an error if TypeScript uses 'any' whenever it can't infer a type.</div>
                                </label>
                                <hr>
                            </div>

                            <div title="Makes types non-nullable by default, catching a broad class of errors.">
                                <input type="checkbox" class="ts-bool-opt" id="ts-opt-strictNullChecks" name="strictNullChecks">
                                <label for="ts-opt-strictNullChecks">
                                    strictNullChecks
                                    <div class="ts-opt-description">Makes types non-nullable by default, catching a broad class of errors.</div>
                                </label>
                                <hr>
                            </div>

                            <div title="Error on functions which do not return from every branch.">
                                <input type="checkbox" class="ts-bool-opt" id="ts-opt-noImplicitReturns" name="noImplicitReturns">
                                <label for="ts-opt-noImplicitReturns">
                                    noImplicitReturns
                                    <div class="ts-opt-description">Error on functions which do not return from every branch.</div>
                                </label>
                                <hr>
                            </div>

                            <div title="Flag locations where the type of a 'this' expression implicitly has the type 'any'.">
                                <input type="checkbox" class="ts-bool-opt" id="ts-opt-noImplicitThis" name="noImplicitThis">
                                <label for="ts-opt-noImplicitThis">
                                    noImplicitThis
                                    <div class="ts-opt-description">Flag locations where the type of a 'this' expression implicitly has the type 'any'.</div>
                                </label>

                            </div>

                        </div>
                    </div>
                    <div id="rundiv" style="padding-right: 50px; float: right;">
                        <button class="playground-button" id="execute">Run</button>
                        <span class="frame-title">JavaScript</span>
                    </div>
                    <div style="clear: both;"></div>
                    <div id="typescriptEditor" style="border: 1px solid grey; border-image: none; left: 0px; height: 500px; position: relative;"></div>
                    <div id="javascriptEditor" style="border: 1px solid grey; border-image: none; top: -502px; height: 500px; position: relative;"></div>
                    <div style="clear: both;"></div>
                </div>
            </div>
        </div>

        <!-- Placed at the end of the document so the pages load faster -->
        <script>
            var startTime = (new Date()).getTime();
        </script>
        <script src="./node_modules/monaco-editor/min/vs/loader.js"></script>
        <script type="text/javascript" src="./playground.js"></script>

    </main>
</body>
<!-- JS -->
<script src="/assets/js/cc.min.be1ed243.js"></script>

</html>